
$(function(){
// 1,根据原页面传送过来的id，获取相关数据，并进行画面渲染
        // 获取页面传送的id的方法
    var id = location.search.split('=')[1]
    // console.log(id);
    $.ajax({
        url:'/product/queryProductDetail',
        type:'get',
        data:{id:id},
        dataType:'json',
        success:function(res){
            console.log(res);
            // 渲染数据(轮播图)
            $('.my-box').html(template('tempForBody',res))
            // 2，画面渲染后 进行轮播图的完善，尺码部分的完善
            // 轮播图自动播放的手动设置
            var gallery = mui('.mui-slider');
            gallery.slider({
                interval: 1000//自动轮播周期，若为0则不自动播放，默认为0；
            });
            // 渲染结束后设置轮播图的轮播和数字入力框的入力
            mui('.mui-numbox').numbox()
        }
    })

    $('.my-box').on('click', '.lt_size span', function () {
        $(this).addClass('current').siblings().removeClass('current');
      })
    





// 3，页面完善后，执行加入购物车的操作，根据是否登录，判断需要执行的具体操作
  // 1- 用户点击添加购物车按钮， 获取商品的基本信息 商品id ，数量num, 尺码 size  
  // 2- 校验数据是合理，不合理提示错误，到此结束 
  // 3- 如果数据合理，ajax提交给后台 ，加入购物车 
  //     结果： 加入成功 ：  询问用户 是否去购物车 
  //            加入失败：   用户未登录， 跳转登录页 

  $('#addCart').on('click',function(){
      var num = $('.mui-numbox-input').val()
      var size = $('.lt_size .current').text();
      if(!size){
        mui.toast('请选择尺码');
        return;
      }
    //   console.log(id,num,size);
    $.ajax({
        url:'/cart/addCart',
        type:'post',
        data:{
            id:id,
            num:num,
            size:size
        },
        dataType:'json',
        success:function(res){
            console.log(res);
            if(res.success){
                location.href = './cart.html'
            }
            if(res.error == 400){
                location.href = './login.html?reUrl='+location.href;
            }
            
        }
    })
      
  })








})